<template>
    <div>
        <vxe-link :title="value[field]" v-bind="props" :href="props.href($attrs.row)" v-on="events">{{ value[field]
        }}</vxe-link>
    </div>
</template>

<script>
import { cloneDeep } from '@/utils';
export default {
    data() {
        return {
            defaultProps: {
                status: 'primary'
            }
        }
    },
    computed: {
        field() {
            return this.$attrs.column.field
        },
        props() {
            return {
                ...this.defaultProps,
                ...this.$attrs.column.cellRender.props,
            }
        },
        events() {
            return this.$attrs.column.cellRender.events
        },
        value() {
            return cloneDeep(this.$attrs.row)
        }
    },
}
</script>

<style lang="scss" scoped></style>